<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../tpl/head.jsp"%>
<div id="LAY_app" class="layui-fluid">
    <div class="sktable layui-row">
        <div class="sktable_left border bg-main bg-inverse">
            <div class="margin-right padding-left  text-center">
                <div class="text-left">当前日期</div>
                <h1 style="font-size: 4em;" v-text="'星期'+weeklist[week]"></h1>
                <div class="border-bottom padding-y">
                    <div class="text-large padding-large-bottom"
                         v-text="sknowddate.year+'年'+sknowddate.month+'月'+sknowddate.date+'日'"></div>

                </div>
                <div class="margin-top">
                    <div class=" " id="test-laydate-static-n1"></div>
                </div>

            </div>
        </div>
        <div class="sktable_col  ">
            <div class="layui-card margin-right padding-top">
                <div class="layui-card-header">
                    <h1 class=""><span
                            v-text="page.showdate.year+'-'+page.showdate.month+'-'+page.showdate.date"></span> 日程</h2>
                </div>
                <div class="layui-card-body">

                    <div style="overflow: auto; ">
                        <table class="layui-hide" id="richeng" lay-filter="richeng"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="update">编辑</button>
        <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="delete">删除</button>
    </div>
</script>
<script type="text/html" id="toolbartitle">
    <div class="layui-row">
        <button class="layui-btn layui-icon layui-icon-tabs" lay-event="add"> 新建日程 </button>
    </div>
</script>

<!-- 增加日程 start -->
<div style="display: none;" id="addTpl">
    <div class="layui-card" style="width: 95%; margin:5px auto 0;">
        <form class="layui-form" class="padding" onsubmit="return false">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="radio" name="classification" class="border" value="0" title="客户" checked>
                        <input type="radio" name="classification" class="border" value="1" title="供应商">
                    </div>
                    <div class="layui-input-inline">
                        <!-- <input type="text" name="customer" required lay-verify="required" placeholder="请输入客户"
                            autocomplete="off" class="layui-input"> -->
                        <select name="customer" lay-search>
                            <option value="">请输入客户</option>
                            <option value="张三">张三</option>
                        </select>
                    </div>

                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">内容</label>
                <div class="layui-input-block">
                    <textarea name="content" placeholder="请输入内容" required lay-verify="required"
                              class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">附件上传</label>
                <div class="layui-input-block">
                    <input type="hidden" name="enclosure">
                    <button type="button" class="layui-btn" id="skupload">
                        <i class="layui-icon">&#xe67c;</i>上传附件
                    </button>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">跟进日期</label>
                <div class="layui-input-block">
                    <input type="text" name="datetime" class="layui-input" id="skadddatetime"
                           placeholder="yyyy-MM-dd HH:mm:ss" lay-key="7">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">颜色标识</label>
                <div class="layui-input-inline" style="width: 120px;">
                    <input type="text" name="color" value="#009688" placeholder="请选择颜色" class="layui-input"
                           disabled="disabled" id="skinputcolor">
                </div>
                <div class="layui-inline" style="left: -11px;">
                    <div id="skcolorchoose"></div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">是否完成</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="like[write]" title="完成">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"> </label>
                <div class="flex">
                    <button type="button" class="layui-btn layui-icon flex-item-0" lay-submit
                            lay-filter="formadd">保存</button>
                    <button type="reset" class="layui-btn layui-btn-danger layui-icon  flex-item-0">重置</button>
                </div>
            </div>

        </form>
    </div>
</div>
<!-- 增加 over -->
<!-- 修改日程 start -->
<div style="display: none;" id="modTpl">
    <div class="layui-card" style="width: 95%; margin:5px auto 0;">
        <form class="layui-form" class="padding" id="mform" lay-filter="mform">
            <input type="hidden" name="mid">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="radio" name="mclassification" value="0" title="客户">
                        <input type="radio" name="mclassification" value="1" title="供应商">
                    </div>
                    <div class="layui-input-inline">
                        <input type="text" name="mcustomer" required lay-verify="required" placeholder="请输入客户"
                               autocomplete="off" class="layui-input">
                    </div>

                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">内容</label>
                <div class="layui-input-block">
                    <textarea name="mcontent" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">附件上传</label>
                <div class="layui-input-block">
                    <input type="hidden" name="menclosure">
                    <button type="button" class="layui-btn" id="skuploadmody">
                        <i class="layui-icon">&#xe67c;</i>上传附件
                    </button>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">跟进日期</label>
                <div class="layui-input-block">
                    <input type="text" name="mdatetime" class="layui-input" id="skmodydatetime"
                           placeholder="yyyy-MM-dd HH:mm:ss">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">颜色标识</label>
                <div class="layui-input-inline" style="width: 120px;">
                    <input type="text" name="mcolor" placeholder="请选择颜色" class="layui-input" disabled="disabled"
                           id="skmodyinputcolor">
                </div>
                <div class="layui-inline" style="left: -11px;">
                    <div id="skmodycolorchoose"></div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">是否完成</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="msuccess" title="完成">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"> </label>
                <div class="text-right">
                    <button type="button" class="layui-btn layui-icon flex-item-0" lay-submit
                            lay-filter="formmody">修改</button>

                </div>
            </div>

        </form>
    </div>
</div>
<!-- 修改 over -->
<%@ include file="../tpl/foot.jsp"%>
<script src="statics/js/SystemCenter/datetpl.js"></script>
<style>
    .sktable {
        display: table;
        min-width: 100%;
        overflow: auto;
    }

    .sktable_col {
        display: table-cell;
    }

    .sktable_left {
        display: table-cell;
        width: 320px;
    }

    .sktable .layui-table-cell {
        line-height: 1.2em !important;
        height: auto !important;
        overflow: visible;
        text-overflow: inherit;
        white-space: normal;
    }

    .layui-table {
        width: auto;
    }

    .laydate-day-mark::after {
        right: 45%;
        top: 23px;
    }
</style>